
.home{
    overflow: hidden;

    .header{
        width: 100%;
        height: 75px;
        background-color: rgb(56, 55, 55);
        display: flex;
        justify-content: space-between;


        .title{
            color: white;
            font-size: 26px;
            text-align: center;
            line-height: 70px;
            margin-left: 30px;
        }

        ::v-deep .el-dropdown{
            height: 25px;
            margin: 25px 200px 0 0;
            color:white;
            font-size: 17px;
          }

        ::v-deep .el-icon-arrow-down:hover{
            color: #5dd5c8;
        }
       
        ::v-deep .el-button--default{
            width: 22px;
            font-size: 25px;
            background: rgb(56, 55, 55);
            color: white;
            border: none;
        }
        ::v-deep .el-button--default :hover{
            color: #5dd5c8;
        }
        
    }

    ::v-deep .el-loading-mask{
        background-color: rgba($color: #fcfafa, $alpha: 0.3);
    }
    
    .content{
        width: 100%;
        height: calc(100-75px);
        overflow: hidden;
        display: flex;

        .content-left{
            width: 15%;

            ::v-deep .el-menu-vertical-demo{
                height: 100vh;
            }
        }
        
        .content-right{
            width: 85%;
            padding: 30px;
             h3{
                 margin: 0px 0 50px 100px;
             }

            ::v-deep .el-input{
                margin-bottom: 30px;
                width: 300px;
            }

            ::v-deep .el-pagination{
                width: 500px;
                margin: 30px auto;
            }
        }
    }

    ::v-deep .el-button{
        width: 65px;
        height: 35px;
        font-size: 12px;
        display: flex;
        justify-content: center;
    }

    ::v-deep .cell{
        display: flex;
    }

    ::v-deep .el-button--text{
        width: 50px;
        
    }
}